// 修改tabs样式
$uni-color-theme: #00bcff; // 系统主题色
$uni-color-theme-shadow: rgba(1, 153, 254, .8); // 系统主题色阴影
$uni-color-white: #fff;
$uni-color-black: #040404;
$uni-bgcolor-nav: #f8f8f8;
$uni-text-color-grey:#999;
$uni-text-color-custom1: #606266;
$uni-text-color-custom2: #e3e3e3;
$uni-text-color-custom3: #eaeaea;
$uni-text-color-custom4: #bcbcbc;
$uni-text-color-custom5: #f2f2f2;
$uni-text-color-custom6: #a78024;
$uni-bg-color:#ffffff;
$uni-text-color-placeholder: #808080;

:deep(.wd-tabs__nav) {
	position: fixed !important;
	z-index: 100;
	height: 94rpx !important;
}
:deep(.wd-tabs__nav-item) {
	font-size: 30rpx !important;
	flex: none !important;
	width: 120rpx !important;
	height: 94rpx !important;
	line-height: 94rpx !important;
}
:deep(.wd-tabs__nav-item.is-active) {
	font-size: 32rpx !important;
}

.alone {
	border-top: 10rpx solid $uni-bg-color-grey;
}
.alone:last-child {
	margin-bottom: 10rpx;
}
.load-text {
	padding: 30rpx;
	text-align: center;
	font-size: 28rpx;
	color: $uni-text-color-grey;
	
	// #ifdef H5
	margin-bottom: 100rpx;
	// #endif
}
.edit {
	width: 120rpx;
	height: 120rpx;
	background: $uni-color-theme;
	border-radius: 50%;
	color: $uni-color-white;
	position: fixed;
	z-index: 100;
	bottom: 150rpx;
	right: 50rpx;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0 0 20rpx $uni-color-theme-shadow;
}
:deep(.wd-card__footer::after) {
	height: 0 !important;
}
.blog-title {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	image {
		width: 60rpx;
		height: 60rpx; 
		border-radius: 8rpx; 
	}
	.user-name {
		margin: 0 16rpx 0 20rpx;
		color: rgba(0,0,0,0.85); 
		font-size: 28rpx;
	}
	.create-time {
		padding-top: 2rpx;
		color: rgba(0,0,0,0.25); 
		font-size: 24rpx;
	}
	.blog-ellipsis {
		margin-left: auto !important;
	}
	.more-action {
		margin-left: auto;
		line-height: 36rpx;
		padding: 6rpx 20rpx;
		background: $uni-bgcolor-nav;
		color: $uni-color-theme;
		border-radius: 6rpx;
	}
	
	.more-action:active {
		background: $uni-text-color-custom2;
	}
}

.blog-body {
	.body-title {
		font-size: 32rpx;
		font-weight: bold;
		color: $uni-color-black;
	}
	.body-tip {
		padding-top: 10rpx;
		color: $uni-text-color-custom1;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
	}
	.body-image {
		margin-top: 10rpx;
		image {
			width: 200rpx;
			height: 200rpx;
			margin-right: 10rpx;
		}
	}
}

.blog-footer {
	display: flex;
	justify-content: space-around;
	align-items: center;
	.operation-icon {
		color: $uni-color-subtitle;
		view {
			display: inline-block;
			vertical-align: middle;
		}
		view:nth-child(2) {
			margin-left: 4rpx;
			font-size: 26rpx;
		}
	}
	.operation-icon.active {
		color: $uni-color-theme;
	}
}